<template>
  <div>
    <div class="plain-box" :key="index" v-for="(item,index) in plainData">
      <HomeMainPlainHD :hd="item.hd"></HomeMainPlainHD>
      <HomeMainPlainBD :bd="item.bd"></HomeMainPlainBD>
      <HomeBannerBox :bannerUrl="item.bannerUrl"></HomeBannerBox>
    </div>
  </div>
</template>

<script>
import HomeMainPlainHD from "../HomeMainPlainHD/HomeMainPlainHD";
import HomeMainPlainBD from "../HomeMainPlainBD/HomeMainPlainBD";
import HomeBannerBox from "../HomeBannerBox/HomeBannerBox";

export default {
  name: "HomeMainPlainBox",
  components: {
    HomeMainPlainHD,
    HomeMainPlainBD,
    HomeBannerBox
  },
  data() {
    return {
      plainData: [
        {
          hd: {
            id: 'jiadian',
            hd_title: '家电',
            hd_tab_item: [
              '热门',
              '电视影音'
            ]
          },
          bd: {
            id: 'jiadian',
            long_list: [
              'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/116fc43816b87192be4e67cf762e8da5.jpeg?thumb=1&w=234&h=300&f=webp&q=90',
              'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/dfbdabe36b2d630d57a015e6fb5eb3ea.jpg?thumb=1&w=234&h=300&f=webp&q=90'
            ],
            brick_list: [
              {
                brick_list_item: [
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米全面屏电视65英寸 E65X',
                    desc: '全面屏设计',
                    price: 3099,
                    before: 3299
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/20d36fbaa18625e4fe507af31e4e9f83.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '全面屏电视E43K',
                    desc: '全面屏设计，海量内容',
                    price: 1388,
                    before: 1599
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/9d8674cd21c486feff5328772ab9cf01.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米电视4A 70英寸',
                    desc: '大屏更享受',
                    price: 3688,
                    before: 3999
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/6bed167fc905bab57dee478bcf1e5e0d.JPG?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '米家互联网对开门冰箱 540L',
                    desc: '重磅新品福利特惠',
                    price: 2899,
                    before: 3699
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/b8c63a2024528fe5410ebe669b7d2407.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: 'Redmi全自动波轮洗衣机1A 8kg',
                    desc: '一键操作，父母都爱用',
                    price: 799,
                    before: 899
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/74e573c4c0d89048392d14831cc507d5.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: 'Air 13.3" 2019款',
                    desc: '新一代独立显卡',
                    price: 6299,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7e5f89adf98ab3fccb34012b5209cd58.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '米家互联网烟灶套装（天然气）',
                    desc: '点火排烟，风随火动',
                    price: 2099,
                    before: 2298
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/1612c93ad4756215774a0dbec7a81bb2.jpg?thumb=1&w=100&h=100&f=webp&q=90',
                    title: '米家电烤箱',
                    desc: '',
                    price: 299,
                    before: ''
                  },
                ]
              },
              {
                brick_list_item: [
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/20d36fbaa18625e4fe507af31e4e9f83.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '全面屏电视E43K',
                    desc: '全面屏设计，海量内容',
                    price: 1388,
                    before: 1599
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f193daba3989eadac5e13ae102b91582.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '全面屏电视 55英寸E55X',
                    desc: '潮流全面屏设计',
                    price: 2388,
                    before: 2599
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/ecbe6a6c0d4950b78b086d7ada654e3b.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米电视4A 60英寸',
                    desc: '人工智能语音系统,超高清画质',
                    price: 2788,
                    before: 2799
                  },
                  {
                    coverUrl: '//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/7e2127506fd2209f3115828404269d45.jpg?thumb=1&w=200&h=200',
                    title: '小米电视4S 75英寸',
                    desc: '4K HDR，人工智能语音',
                    price: 4699,
                    before: 5999
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米全面屏电视65英寸 E65X',
                    desc: '全面屏设计',
                    price: 3099,
                    before: 3299
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/8b3fe3a07ef69fb4c959e39c768c7525.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米全面屏电视E32C',
                    desc: '全面屏设计，人工智能系统',
                    price: 949,
                    before: 1099
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f674ced205c2e81125dfd2d6659aabfc.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: 'Redmi智能电视A55',
                    desc: '澎湃音效影院级体验',
                    price: 2199,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/8861fafd390bf76f7446d4db2053560f.jpg?thumb=1&w=100&h=100&f=webp&q=90',
                    title: 'Redmi 智能电视 MAX 98\'',
                    desc: '',
                    price: 19999,
                    before: ''
                  },
                ]
              }

            ]
          },
          bannerUrl: 'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/59e8fc8ba9718c266882719fb4bbcedd.jpg?thumb=1&w=1226&h=120&f=webp&q=90'
        },
        {
          hd: {
            id: 'mind',
            hd_title: '智能',
            hd_tab_item: [
              '热门',
              '安防',
              '出行'
            ]
          },
          bd: {
            id: 'mind',
            long_list: [
              'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ffe114f73fac3a45e5622c3eff56106b.jpg?thumb=1&w=234&h=300&f=webp&q=90',
              'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a660ce095e8f553a9ed1515265f4e9fc.jpg?thumb=1&w=234&h=300&f=webp&q=90'
            ],
            brick_list: [
              {
                brick_list_item: [
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e7c6e79433c883e1a022ec21402c1679.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米小爱音箱 Play',
                    desc: '听音乐、语音遥控家电',
                    price: 109,
                    before: 169
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/3accd497afc0047cfbd40f442e3b17df.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '米家智能窗帘',
                    desc: '窗帘开合随心控',
                    price: 799,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/550177d2e54387521bce9e78cb2949dd.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米体脂秤2',
                    desc: '轻松掌握身体脂肪率',
                    price: 99,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/T1r_x_BgLT1RXrhCrK.jpg?thumb=1&w=200&h=200',
                    title: '九号平衡车',
                    desc: '年轻人的酷玩具',
                    price: 1849,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/5a312d69c1a5447c9e3d14d42d01a8fb.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米智能门锁 推拉式',
                    desc: '一步推拉，高端智能门锁',
                    price: 1499,
                    before: 1699
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/49f30069c778b494257320d9da5a1a60.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: 'Redmi小爱触屏音箱 8英寸',
                    desc: '超大屏，让智能更多可能',
                    price: 349,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/ec0ec7692ba005710d1887262559609c.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米手环5',
                    desc: '11种运动模式 磁吸式充电',
                    price: 169,
                    before: 189
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f10b003b4ff46c59f5736e8f324af034.jpg?thumb=1&w=100&h=100&f=webp&q=90',
                    title: '米家空气净化器Pro',
                    desc: '',
                    price: 1099,
                    before: ''
                  },
                ]
              },
              {
                brick_list_item: [
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/0baacf6e54cbf89cab2c543cc02344e9.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '米家智能门锁 推拉式 通用版',
                    desc: '一步推拉，高端智能门锁',
                    price: 1499,
                    before: 1699
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/0245498a0e08b87ba8c323871c5d48bc.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: ' 米家智能门锁 青春版',
                    desc: '隐形指纹识别设计 简单一步快进家门',
                    price: 999,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e83e1ab5947337d7b631e056b3e0f23d.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '米家智能门锁 霸王锁体 碳素黑',
                    desc: '一体化活体指纹识别，多种开锁方式',
                    price: 1399,
                    before: 1599
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/fa7cdb455f106da904e8c3f6156abc06.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '米家智能门锁 霸王锁体 磨砂金',
                    desc: '适配霸王锁体，多种开锁方式',
                    price: 1399,
                    before: 1799
                  },
                ]
              },
              {
                brick_list_item: [
                  {
                    coverUrl: '//i8.mifile.cn/b2c-mimall-media/18a82e7cda6ecbc22ecee7ac927d6ff9!200x200.jpg',
                    title: '米兔折叠婴儿推车',
                    desc: '出发去向往的地方',
                    price: 699,
                    before: ''
                  },
                  {
                    coverUrl: '//i8.mifile.cn/v1/a1/877d3ce8-68ab-7506-2a78-55a8c0fba946!200x200.png',
                    title: '九号平衡车 Plus',
                    desc: '一个形影不离的新伙伴',
                    price: 2999,
                    before: 3499
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/0294e2f3997bf0cffb7bf48361d03588.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '米家充气宝',
                    desc: '便携电动打气筒',
                    price: 199,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/12fe0ea5e8dafecce5ffa65108796683.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米小背包',
                    desc: '城市休闲，简约设计',
                    price: 29,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/5b4304d0e62a9c874e83eba0649110ee.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米旅行箱 青春款',
                    desc: '环保材料，轻便重量',
                    price: 199,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/3520b7c57449585bc3185d31b9d9bd08.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '骑记电动助力自行车 新国标版 黑色',
                    desc: '更多助力选择，更多城市风景',
                    price: 2799,
                    before: 2999
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/d86c1eb8f5525bc4c76c8e0e98db7446.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米米家对讲机2',
                    desc: '向更远出发',
                    price: 449,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/T1r_x_BgLT1RXrhCrK.jpg?thumb=1&w=100&h=100',
                    title: ' 九号平衡车',
                    desc: '',
                    price: 1849,
                    before: ''
                  },
                ]
              },
            ]
          },
          bannerUrl: 'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/01cc6a570d32a2ee09a2d5c2009a9968.jpg?thumb=1&w=1226&h=120&f=webp&q=90'
        },
        {
          hd: {
            id: 'collocation',
            hd_title: '搭配',
            hd_tab_item: [
              '热门',
              '耳机音箱'
            ]
          },
          bd: {
            id: 'collocation',
            long_list: [
              'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6874615b3c50e837ffe532eb6ea4ef1a.jpg?thumb=1&w=234&h=300&f=webp&q=90',
              'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9f6c89cf21efc23799f6130224cef007.jpg?thumb=1&w=234&h=300&f=webp&q=90'
            ],
            brick_list: [
              {
                brick_list_item: [
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/5fc35cf0af915a9e60f5d4ea220521ab.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米真无线蓝牙耳机Air 2 Pro',
                    desc: ' 主动降噪/持久续航/无线充',
                    price: 649,
                    before: 699
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/9eb0178e3bfeb7d170edd641fb4be4bc.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '高速无线充套装',
                    desc: '快速无线闪充，Qi充电标准',
                    price: 149,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7d9e8308f5f55bfa69c5c7fadc7cb4aa.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: 'Redmi AirDots 2真无线蓝牙耳机',
                    desc: '支持蓝牙5.0，自动秒连，拿起就能用',
                    price: 99,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6306bf6d8aede9f6f48d8e4d9256db2.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米真无线蓝牙耳机Air 2s',
                    desc: '全面升级，智慧真无线',
                    price: 359,
                    before: 399
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/ea8e42faebf7d76a4cb42b8930cf9e46.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: 'Redmi充电宝 10000mAh 标准版 白色',
                    desc: '10000mAh大电量 ',
                    price: 59,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/eaf70e0e9905de6452f07b1f48fcc386.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: ' Redmi充电宝 20000mAh 快充版',
                    desc: '大容量，\t可上飞机 ',
                    price: 99,
                    before: ''
                  },
                  {
                    coverUrl: '//i8.mifile.cn/v1/a1/5dd69c0a-8f4a-b42f-d840-6c5a47f2cd03!200x200.jpg',
                    title: '小米插线板 5孔位',
                    desc: '多重安全保护',
                    price: 39,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/9946e252a7c49662376c056ced004a20.jpg?thumb=1&w=100&h=100&f=webp&q=90',
                    title: '小米小爱触屏音箱',
                    desc: '',
                    price: 219,
                    before: ''
                  },
                ]
              },
              {
                brick_list_item: [
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7d9e8308f5f55bfa69c5c7fadc7cb4aa.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: 'Redmi AirDots 2真无线蓝牙耳机',
                    desc: '支持蓝牙5.0，自动秒连，拿起就能用',
                    price: 99,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6306bf6d8aede9f6f48d8e4d9256db2.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米真无线蓝牙耳机Air 2s',
                    desc: '全面升级，智慧真无线',
                    price: 359,
                    before: 399
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/faf8668acb2fd80c0afad4d4c4e837ad.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米降噪项圈蓝牙耳机',
                    desc: '无线降噪，静无止境',
                    price: 399,
                    before: 499
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/8b619d27877bbc497468c673a317a847.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米小爱音箱 Pro',
                    desc: '语音遥控5000+品牌主流家电',
                    price: 299,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/1ab7943ae5215e0faacb04f7270d9cfb.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米小爱音箱 Art 电池版',
                    desc: '不插电，让音乐更自由',
                    price: 399,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/1c278ccaa2a2b7e0ab9b294a3a0ec32b.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米小爱音箱 Art',
                    desc: '极光下的声音艺术',
                    price: 349,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e13900c094ae4ac4eb53b35f2d0c95b0.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: ' 小米小爱音箱 ',
                    desc: '全面升级 旗舰音质',
                    price: 249,
                    before: 269
                  },
                  {
                    coverUrl: '//cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/b474f7bb-10e1-ee92-f78f-d87231b0726a.jpg?thumb=1&w=100&h=100',
                    title: '小米AI音箱',
                    desc: '',
                    price: 229,
                    before: ''
                  },
                ]
              },

            ]
          },
          bannerUrl: 'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/89c2a209b742fce9b10d9d196149d634.jpg?thumb=1&w=1226&h=120&f=webp&q=90'
        },
        {
          hd: {
            id: 'parts',
            hd_title: '配件',
            hd_tab_item: [
              '热门',
              '充电器'
            ]
          },
          bd: {
            id: 'parts',
            long_list: [
              'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9f64bbd58c3f5001bdf0688894f22cb6.jpg?thumb=1&w=234&h=300&f=webp&q=90',
              'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ffe4182f1d9a5befdf2380ec90ae1620.jpg?thumb=1&w=234&h=300&f=webp&q=90'
            ],
            brick_list: [
              {
                brick_list_item: [
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f8fde8a877fd4b12ad88119d9b6bc061.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米氮化镓GaN充电器 Type-C 65W ',
                    desc: '氮化镓黑科技 65W MAX 大功率快充',
                    price: 149,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/9eb0178e3bfeb7d170edd641fb4be4bc.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '高速无线充套装',
                    desc: '快速无线闪充，Qi充电标准',
                    price: 149,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/1f32af53d1ad60f4980146f6a2b81019.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米无线充电宝青春版10000mAh',
                    desc: '能量满满，无线有线都能充',
                    price: 129,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/01dba858b327eeeadf34ce8a1d794ed4.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米车载充电器快充版',
                    desc: '双口快充，安全稳定',
                    price: 69,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/573e9cb39b0d8c7f2cd063621142fe44.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: ' 小米Type-C转Lightning数据线 1m',
                    desc: '苹果MFi官方认证，支持快充',
                    price: 59,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/fffc0a962387dff2f70aeb009ddf69ff.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米车载充电器快充版1A1C 100W',
                    desc: '小米车载充电器快充版1A1C 100W',
                    price: 99,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f8fde8a877fd4b12ad88119d9b6bc061.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米氮化镓GaN充电器 Type-C 65W',
                    desc: '氮化镓黑科技 65W MAX 大功率快充',
                    price: 149,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/287594eb-b765-8db1-3255-0a05c4c07440.jpg?thumb=1&w=100&h=100',
                    title: '小米二合一数据线100cm',
                    desc: '',
                    price: 24.9,
                    before: ''
                  },
                ]
              },
              {
                brick_list_item: [
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f8fde8a877fd4b12ad88119d9b6bc061.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米氮化镓GaN充电器 Type-C 65W ',
                    desc: '氮化镓黑科技 65W MAX 大功率快充',
                    price: 149,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/15ac53312f850bfcc73bdc5a185fda8a.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '米立式风冷无线充 30W ',
                    desc: '解锁充电新姿势',
                    price: 199,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/bb115b0d5e6cc24c39c1ae818b63bf1a.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: ' 小米立式无线充电器 通用快充20W',
                    desc: '横竖可充，迅速感应边充边玩',
                    price: 99,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/554198af-55ec-8400-7a04-66a8f3e0dd66.jpg?thumb=1&w=200&h=200',
                    title: ' 米家插线板6位基础版（含3口USB 2A快充）',
                    desc: '小巧设计，便捷不占地儿',
                    price: 79,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/d6484113b03acde1672d50c395c09763.jpg?thumb=1&w=200&h=200',
                    title: '小米插线板（含3口USB 2A快充）',
                    desc: '3个USB充电口，支持快充',
                    price: 49,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/028d84b7e54574047e6bafe52f781ee7.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米Type-C充电器快充版 20W',
                    desc: '智能兼容/小巧易携带',
                    price: 39,
                    before: ''
                  },
                  {
                    coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f8fde8a877fd4b12ad88119d9b6bc061.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                    title: '小米氮化镓GaN充电器 Type-C 65W ',
                    desc: '氮化镓黑科技 65W MAX 大功率快充',
                    price: 149,
                    before: ''
                  }
                ]
              },

            ]
          },
          bannerUrl: 'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/66523a1accdc72e01c01d4761a26fbb9.jpg?thumb=1&w=1226&h=120&f=webp&q=90'
        },
           {
             hd: {
               id:'periphery',
               hd_title: '周边',
               hd_tab_item: [
                 '热门',
                 '出行'
               ]
             },
             bd: {
               id:'periphery',
               long_list: [
                 'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ca0940f052227d235e7de5678d106c89.jpg?thumb=1&w=234&h=300&f=webp&q=90',
                 'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0497ba8520dc4aca9d55e6b841d42331.jpg?thumb=1&w=234&h=300&f=webp&q=90'
               ],
               brick_list: [
                 {
                   brick_list_item: [
                     {
                       coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/cccac948e1b8ffb47f1fecde67692e60.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                       title: '米家飞行员太阳镜 Pro',
                       desc: '尼龙偏光，轻巧佩戴',
                       price:189,
                       before:199
                     },
                     {
                       coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/57433a4b991b2a2ddc889f2d8d434655.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                       title: ' 小米巨能写中性笔10支装',
                       desc: '一支顶4支，超长顺滑书写',
                       price:9.99,
                       before:''
                     },
                     {
                       coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/03d94ee6059481a6adcb6c4c5c572fb4.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                       title: ' 米家迷你保温杯',
                       desc: '可以随身携带的温度',
                       price:49,
                       before:''
                     },
                     {
                       coverUrl: '//i8.mifile.cn/v1/a1/413f5e2f-53e7-0879-119c-8b4466feea53!200x200.jpg',
                       title: '贝医生巴氏牙刷 四色装',
                       desc: '进口刷毛，好品质',
                       price:39.9,
                       before:''
                     },
                     {
                       coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/d0b1119165c481376399aab53330e015.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                       title: '米家运动鞋4',
                       desc: '轻盈若絮,弹若脱兔',
                       price:169,
                       before:''
                     },
                     {
                       coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/18ebd0837a5f265deaee9231aa3e1245.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                       title: '米家指甲刀五件套',
                       desc: '轻巧多用，优雅随行',
                       price:39.9,
                       before:''
                     },
                     {
                       coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f9017bebb14740ea46673aaa81a616cb.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                       title: ' 8H乳胶床垫2',
                       desc: '软硬双面可睡',
                       price:599,
                       before:''
                     },
                     {
                       coverUrl: '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/b48160e1c150044808c9c8787c140750.jpg?thumb=1&w=100&h=100&f=webp&q=90',
                       title: '日常元素抽纸 青春版 24包/箱',
                       desc: '',
                       price:32.9,
                       before:''
                     },
                   ]
                 },
                 {
                   brick_list_item: [
                     {
                       coverUrl: 'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/609d0a457c7f8ac27d76f953c8acb7fc.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                       title: '九号卡丁车Pro兰博基尼汽车定制版',
                       desc: '九号卡丁车Pro兰博基尼汽车定制版',
                       price:9999,
                       before:''
                     },
                     {
                       coverUrl: 'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cccac948e1b8ffb47f1fecde67692e60.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                       title: '米家飞行员太阳镜 Pro',
                       desc: '尼龙偏光，轻巧佩戴',
                       price:189,
                       before:199
                     },
                     {
                       coverUrl: 'https://i8.mifile.cn/v1/a1/T1r_x_BgLT1RXrhCrK!200x200.jpg',
                       title: '九号平衡车',
                       desc: '年轻人的酷玩具',
                       price:1849,
                       before:1999
                     },
                     {
                       coverUrl: 'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aabf1a475043266cf4759ec58d0f679c.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                       title: '小米米家电动滑板车Pro',
                       desc: '性能提升，动力更强劲',
                       price:2699,
                       before:2799
                     },
                     {
                       coverUrl: 'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c9871569c0b49b769bd74f5cce81e45a.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                       title: '米家经典方框太阳镜',
                       desc: '复古设计，偏光自修复',
                       price:89,
                       before:99
                     },
                     {
                       coverUrl: 'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fffc0a962387dff2f70aeb009ddf69ff.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                       title: '小米车载充电器快充版1A1C 100W',
                       desc: '小米车载充电器快充版1A1C 100W',
                       price:99,
                       before:''
                     },
                     {
                       coverUrl: 'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3f182e898b25285bd8279cbc72c9686e.jpg?thumb=1&w=200&h=200&f=webp&q=90',
                       title: '小米对讲机Lite',
                       desc: '小米对讲机Lite',
                       price:129,
                       before:''
                     },
                     {
                       coverUrl: 'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2589bc96718b0db697b23ff765c01c3.jpg?thumb=1&w=100&h=100&f=webp&q=90',
                       title: '小米无线充电宝30W 10000mAh',
                       desc: '',
                       price:199,
                       before:''
                     },
                   ]
                 },

               ]
             },
             bannerUrl:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88e35cffc82cd98cd53172460067af17.jpg?thumb=1&w=1226&h=120&f=webp&q=90'
           },
      ]
    }
  }
}
</script>

<style scoped lang="scss">

</style>